import { ReactNode } from "react";
import { styled } from "styledfc";

export default function Main(props: { children?: ReactNode; paddingBottom?: string; border?: boolean }) {
    const { children, paddingBottom, border } = props;
    return (
        <div className={mainStyle.className} style={{ paddingBottom: paddingBottom ? paddingBottom : "70rem", borderTop: border ? "3rem solid #683931" : "none" }}>
            {children}
        </div>
    );
}
const mainStyle = styled({
    borderRadius: "43rem 43rem 0 0",
    backgroundColor: "#f3f2f2",
    paddingBottom: "70rem",
});
